<!-- 开发环境版本，包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<div id="ccc">
	<custom-input v-model="searchText"></custom-input>
	<span>{{searchText}}</span>
</div>

<script>
Vue.component('custom-input', {
  props: ['value'],
  //注意这里是`而非'，如果使用'则需要使用在每行后加\
  /*
  template: `
    <input
      v-bind:value="value"
      v-on:input="$emit('input', $event.target.value)"
    >
  `
  */
  template: '\
	<input v-bind:value="value"\
	v-on:input="$emit(\'input\', $event.target.value)">\
  '
})

new Vue({
	el: '#ccc',
	data: {
		searchText: 'default'
	}
})

</script>